﻿<%@ Page Language="C#" AutoEventWireup="true" MasterPageFile="~/Site.Master" CodeBehind="WebTemplate.aspx.cs" Inherits="OnlineBusinesses.Apps.WebTemplate" %>
<asp:Content ID="WebTemplate_page" runat="server" ContentPlaceHolderID="ContentHome">
  <!-- SmartPhone -->
    <div class="col-xs-12 visible-xs" style="padding:5px;">
        <div class="col-xs-12" style="height:100px;padding:0px;
background-image: url('../../Images/icon main-page/Untitled-15.png');
background-repeat: no-repeat;background-position: center;  -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;">
        </div>
        <div class="col-xs-12" style="padding:0px 15px;">
            <h5 style="font-size:90%;text-align:center;font-weight:bold;">Bạn muốn thể hiện sự đẳng cấp của mình</h5>
            <h5 style="text-align:justify;font-size:85%;padding-bottom:10px;color:#333;">Việc gửi một Email ưa nhìn không chỉ tạo thiện cảm cho người đọc mà còn một phần làm nổi bật danh tiếng của người gửi chúng, vì thế sao ta lại không dùng chúng như một email tiếp thị cho công ty ??</h5>
        </div>

        <div class="col-xs-12" style="padding:0px;margin:5px 0px;height:1px;background:#ddd;"></div>

        <div class="col-xs-12" style="padding:5px;font-size:90%;">
            <h4>Đôi nét</h4>
            <div class="panel-group" id="accordion" style="margin-bottom:0px;">
              <div class="panel panel-default">
                <div class="panel-heading">
                  <h4 class="panel-title">
                    <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" style="font-size:75%;font-weight:bold;text-decoration:none;background:none;">
                      Dễ dàng thao tác cho những người không chuyên
                    </a>
                  </h4>
                </div>
                <div id="collapseOne" class="panel-collapse collapse in">
                  <div class="panel-body">
                      <p>
Đơn giản là chỉ cần kéo và thả còn lại dựa trên từng phong cách của mỗi người. 
                      </p>
                  </div>
                </div>
              </div>
              <div class="panel panel-default">
                <div class="panel-heading">
                  <h4 class="panel-title">
                    <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" style="font-size:75%;font-weight:bold;text-decoration:none;background:none;">
                        Tương thích với mọi trình duyệt và trên di động ?
                    </a>
                  </h4>
                </div>
                <div id="collapseTwo" class="panel-collapse collapse">
                  <div class="panel-body">
                    <p>
Trong tất cả Website có trên thị trường, có đến 60% là không phù hợp với nhiều trình duyệt và trên di động, nhưng sản phẩm chúng tôi sẽ đáp ứng được hết những vấn đề trên.
                    </p>                  
                  </div>
                </div>
              </div>
            </div>
        </div>

    </div>

    <!-- /SmartPhone-->

<div class="col-md-12 hidden-xs" style="padding:0px;"> 
    <div class="col-md-12 col-xs-12" style="position:relative;padding:0px;height:400px;margin-top:132px;background-image: url('../../Images/icon main-page/Untitled-15.png');background-repeat: no-repeat;background-position: center;  -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; ">
        <div class="container">
            <div class="col-md-6" style="position:absolute;left:50%;top:22%;color:#fff;padding:0px 40px;">
                <span style="font-size:36px;">
                    Email Template</span>
                <h3 style="font-weight:normal;">Bạn muốn thể hiện sự đẳng cấp của mình</h3>
                <div class="col-md-12" style="padding:0px;font-size:15px;">
                    Việc gửi một Email ưa nhìn không chỉ tạo thiện cảm cho người đọc mà còn một phần làm nổi bật danh tiếng của người gửi chúng, vì thế sao ta lại không dùng chúng như một email tiếp thị cho công ty ??
                </div>
                <div class="col-md-12" style="padding:30px 0px 0px;font-size:15px;">
                            <span class="try btn btn-default" style="background:#337BEA;color:#fff;border-radius:0px;">
                                Bắt đầu dùng thử 2$
                            </span> 
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-12" style="padding:0px;">
        <div class="col-md-12 col-xs-12" style="padding:0px;background:#fff;">
            <div class="container">
                <div class="col-md-12" style="padding: 30px;">
                    <div class="col-md-6" style="padding: 0px;">
                        <div class="col-md-12" style="padding:30px;">
                            <h3 style="color:#888;">
                                Dễ dàng thao tác cho những người không chuyên
                            </h3>
                            <p style="padding-top:20px;text-align:justify;">
                                Đơn giản là chỉ cần kéo và thả còn lại dựa trên từng phong cách của mỗi người. 
                            </p>
                        </div>
                    </div>
                    <div class="col-md-6" style="padding: 0px;text-align:center;">
                        <img class="img" src="http://eguides.sprint.com/support/eguides/sprintvital/content/resources/images/drag.png" style="width:40%;" />
                    </div>
                </div>
                <div class="col-md-12" style="padding: 30px 0px;">
                    <div class="col-md-6" style="padding: 0px;text-align:center;">
                        <img class="img" src="https://www.seamlessdocs.com/templates/seamlessdocs/public/home_pages/images/multipscreen.png" style="width:40%;" />
                    </div>
                    <div class="col-md-6" style="padding: 0px;">
                        <div class="col-md-12" style="padding:30px;">
                            <h3 style="color:#888;">
                                Tương thích với mọi trình duyệt và trên di động ?
                            </h3>
                            <p style="padding-top:20px;text-align:justify;">
                                Trong tất cả Website có trên thị trường, có đến 60% là không phù hợp với nhiều trình duyệt và trên di động, nhưng sản phẩm chúng tôi sẽ đáp ứng được hết những vấn đề trên.
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-12 col-xs-12" style="padding:0px;">
        <div class="container">
            <div class="col-md-12" style="padding:50px;">
                <h3 style="font-weight:200;color:#666;text-align:center;">
                    Một số câu hỏi thường gặp
                </h3>
                <div class="col-md-12" style="padding:10px 0px;">
                    <div class="col-md-4">
                        <div class="col-md-12" style="padding:0px;border:#f5f5f5 1px solid;">
                            <div class="col-md-12" style="padding:20px;background:#f5f5f5;">
                                <span style="font-size:18px;color:#888;text-align:justify;font-family: 'Open Sans', sans-serif;">
                                    Là một người không chuyên, tôi có thể thành công trong việc tạo dựng Template hay không ?
                                </span>
                            </div>
                            <div class="col-md-12" style="padding:20px;">
                                <p style="padding-top:10px;text-align:justify;">
                                    Tất nhiên là bạn hoàn toàn có thể làm được, chúng tôi sẽ cung cấp mọi thứ cho bạn, bạn chỉ cần thay thế chúng mà thôi, có đơn giản không nào ?
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="col-md-12" style="padding:0px;border:#f5f5f5 1px solid;">
                            <div class="col-md-12" style="padding:20px;background:#f5f5f5;">
                                <span style="font-size:18px;color:#888;text-align:justify;font-family: 'Open Sans', sans-serif;">
                                    Làm sao tôi có thể biết được giao diện tôi gửi đi sẽ hoạt động như những gì sản phẩm nêu ra ?
                                </span>
                            </div>
                            <div class="col-md-12" style="padding:20px;">
                                <p style="padding-top:10px;text-align:justify;color:#888;">
                                    Để cho ra một sản phẩm, chúng tôi đã kiểm nghiệm rất nhiều lần và tùy biến trong nhiều trường hợp, từ đó cho ra sản phẩm hoàn mỹ nhất.
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="col-md-12" style="padding:0px;border:#f5f5f5 1px solid;">
                            <div class="col-md-12" style="padding:20px;background:#f5f5f5;">
                                <span style="font-size:18px;color:#888;text-align:justify;font-family: 'Open Sans', sans-serif;">
                                    Tôi không có thời gian cho việc sáng tạo cũng như tui không có khuyến thẩm mỹ, phải làm sao ?
                                </span>
                            </div>
                            <div class="col-md-12" style="padding:20px;">
                                <p style="padding-top:10px;text-align:justify;color:#888;">
                                    Đừng lo, không những giúp khách hàng có thể thảo sức sáng tạo, chúng tôi cũng tích hợp hàng trăm mẫu Template được ưa chuộng nhất hiện vào sản phẩm.
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="col-md-12 col-xs-12" style="padding:0px;">
        <div class="container">
            <div class="col-md-12" style="padding:50px;text-align:center;">
                <h3 style="font-weight:200;color:#666;">Bắt đầu dùng thử 30 ngày với 
                    <span style="font-family: 'Patrick Hand', cursive; font-size: 40px;">
                            <b style="color: #d00;">FA</b>mails</span>
                </h3>
                <p style="font-size:12px;padding-bottom:10px;">Bao gồm các tính năng dùng cho doanh nghiệp ( Bản dùng thử )</p>
                            <a href="../../Info/Register.aspx?packageId=20" style="text-decoration:none;"><span class="btn btn-default" style="background:#337BEA;color:#fff;border-radius:0px;">
                                Bắt đầu dùng thử 2$
                            </span> </a>
            </div>
        </div>
    </div>
</div>
</asp:Content>